<template>
  <div class="user-login sprite_02">
    <p>
      登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机
    </p>
    <a href="#/login" className="sprite_02">
      用户登录
    </a>
  </div>
</template>

<style lang="less" scoped>
.user-login {
  height: 126px;
  background-position: 0 0;
  padding: 16px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;

  p {
    line-height: 25px;
  }

  a {
    margin-top: 10px;
    width: 100px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    background-position: 0 -195px;
    text-shadow: 0 1px 0 #8a060b;

    &:hover {
      background-position: -110px -195px;
    }
  }
}
</style>